<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本与图片环绕模式</title>
		<style>
			div{
				width: 300px;
				height: 300px;
				background: url(img/4.png);
				background-size: 100% 100%;
				/*浮动：让元素飘起来，元素脱离文档流*/
				float: left;
			}
		</style>
	</head>
	<body>
		<div></div>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio aliquid soluta facere, reiciendis animi voluptatem vitae, temporibus ab exercitationem, reprehenderit aperiam vel vero suscipit totam tempora sed distinctio facilis alias?Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed vitae doloremque commodi ab saepe repudiandae illum ea aliquam tempora ad, natus ipsum. At, incidunt dolorum! Sunt alias iusto fugiat asperiores?Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia velit nisi cupiditate iusto, exercitationem voluptas ullam sed veniam earum molestiae praesentium. Voluptatum possimus velit corrupti sed. Beatae deleniti eligendi nihil?Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates mollitia, quisquam sint corrupti, architecto facere atque molestias amet, ipsam laborum quia? Quibusdam vero facere earum unde ea quae. Nemo, quia.
	</body>
</html>